<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
  $(function() {
	// load up the results initially with AJAX call
	// see http://api.jquery.com/load/
	
	$('#showCat').submit( function(){
		//send the form values via POST with javascript object
		var data = {
			category: $('#category').val(), 
			storeID: $('#storeID').val()
			}; 
		$('#ajax_results').load('showProducts.php', data);
		
		//prevent the normal submit action since we're using AJAX
		return false;
	}); 	

  });
</script>

    </head>
    <body>
        <h1>lma ngm3 alcode hea5od alstore id mn alsession bta3t aluser msh hnd5lha manual </h1>
        <h2>just for testing</h2>
        <form id="showCat" action="showProducts.php" method="post">
	<h3>show by category</h3>
        
	<label>Name</label> 
        <select name="category" id="category">
         <option selected>pants
         <option>shoes
         <option>t-shirts
         <option>boxers
         <option>accessories
    </select>
     <!--   <input type="text" name="name" id="name" /> -->
	<label >Store ID</label>
        <input type="text" name="storeID" id="storeID" >
        
	<input type="submit" value="show">
</form>
        
        <form>

</form>
        <div id="ajax_results"></div>
    </body>
</html>
